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Lab 2 Building a business process in Process Designer 

This lab will introduce you to the IBM Process Designer. You will create a simple process flow for 
creating and fulfilling an order. You will leverage the Process Center to run the process at various points 
during the lab. 

The first experience with any activity in the lab will be completely documented with screen shots. If the 
same type activity is repeated, subsequent steps will contain less detail. If you get stuck, either refer 
back to the early example, or ask for help. The IBMers in the room are here to help; do not hesitate to 
ask! 


1.1 Startup 

In this section, you will start the IBM Process Designer. 

1.1.1 Start the Process Designer 

_1. If the Process Designer is not running, double-click on the IBM Process Designer icon on the 

desktop. It might take a couple of minutes for the login window to appear: 



2. Enter tw admin as the user name and as the password, then click Login : 



IBM Process Designer 

7.5 

User Name 

| tw_admin 

Password 




Login 

Cancel 
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1.2 Part 1 - Create the Process 


1.2.1 Create a New Process Application 

_3. If you are not on the Process Application screen, click on the Process Center icon in the upper 

right-hand corner of the window. 


til 


? 

Snapshot 

m 

Process Center 

Help 


.4. Click on the Process Apps tab in the upper left-hand corner of the window, and then click on 
Create a New Process App. 



5. In the Create New Process App window, enter the following information: 

Process App Name: Order Fulfillment BFS 

Acronym: OFBFS 

Description: Order fulfillment build from scratch lab 

and then click Create. 



6. The new process application has been created. Click on Open in Designer. 


♦G Order Fulfillment BFS (OFBFS) * 

Last u pdata-d cn 6/14/11 by tw_ad m i n 


Open in Designer 
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1.2.2 Add the Toolkit 

Before you begin defining your process, it will be necessary to include a dependency on a toolkit. A 
toolkit is a collection of components that can be shared by multiple process applications. A toolkit can 
include any component that can be defined in a process application. In this scenario, you have been 
given a toolkit that contains the data type definitions for the lab. 

_1. Click on the plus sign (+) next to the TOOLKITS heading on the left-hand side of the window. 

(Note: The plus sign will appear as the mouse pointer enters the pane with the TOOLKIT list.) 


▼ TOOLKITS 

► System Data (7.5.0) 


2. In the Add dependencies window, click on Lab Tools, 1.0. 



1.2.3 Define the Process Flow 

The process flows are defined in a Business Process Diagram (BPD). The first step is to create a new 
BPD. 

_1. Click on the plus sign (+) next to the Processes heading on the left-hand side of the window. 

(Note: The plus sign will appear as the mouse pointer enters the pane.) 

▼ ORDER FULFILLMENT BFS 
-E All 

Processes 
f User Interface 

_2. In the Create New window, click on Business Process Definition. 


Create Flew 


Business Process Definition 
Participant Group 
[JJ] Historical Analysis Scenario 
Simulation Analysis Scenario 
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3. Name the BPD Order Fulfillment and click Finish. 



You are presented with a blank process with a Start and End event, and the default lanes (Participant 
and System). In this example you will not need a system lane as all of the activities are human-based 
activities. You will need two lanes— Analyst and Vendor. 

_4. Right-click on the System lane, and select Edit-^Delete. 



Move Up Lane 
Move Down Lane 


<]:■■' Undo 


Redo 


[ Delete 

Delete ] 

Cut 

Ctrl+X 

Copy 

Ctrl-HI 

Paste 

Ctrl+V 


On the confirmation prompt, click Yes. 
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_5. Click in the Participant lane (in the open space, not on the Start or End event.) 

6. In the Properties pane at the bottom of the screen, change the name of the lane to Analyst. 



Overview 


* Order Fulfillment 


Diagram 


Variables Tracking Process KPIs 


Start 


o 

End 


<1 


N* 


| 

— 

n 

B 

,/x 

. 

$ 

# 



C - 

§ 


@ 

T 

— 


Properties 


Step 


I Validation Errors Where Used 


▼ Common 

Name: 

Presentation Color: 
Documentation: 


Analyst 


Default 



-1 


zi 


▼ Behavior 

Default Lane Participant Group: 
Is System Lane: 


lL 




7. Drag a lane (- 1) from the palette and drop it on the diagram. 


Overview 


* Order Fulfillment 


Diagram 




\« 


Start 


o 

End 


lL 


H 

a ^ 0 




□ © o 

® ® 

© ® 


_8. Change the name of the lane to Vendor. 
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9. Drag an activity ( ) from the palette and drop it in the Analyst lane. 



10. In the Properties pane, change the name of the activity to Create Order. 


Validation Errors Where Used 





Step 

▼ Common 

f- 



▼ Behavior 


— 

Simulation 

Name: 

| Create Order| [ 


Loop Type: [None 

— m 


Implementation 

Routing 

Presentation: 

(* Color C Icon 


► Multi Instance Looping 



Data Mapping 

Presentation Color: 

[Default 

d 

► Simple Looping 








Pre & Post 

Help Topic: 






KPIs 

System ID: 

bpdid :e3b 580f3245 Sacdf: -4639 3c3 ] 




Condition 

Documentation: 


3 



T 


11. Drag and drop activity in the Vendor lane. Rename it to Submit Response.. 

12. Drag and drop an activity in the Analyst lane. Rename it to Review Response. 
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When you are finished, your diagram should look similar to the following picture: 



Now would be a good time to save your work. 

_13. Click on the Save icon (B) on the top of the screen or press Ctrl-S to save your work. 

The final step in creating our process is to connect all of the events and activities. 

_14. Click on the Sequence Flow icon in the palette. 


N* 

► 


a nz 

i B 


When you use the sequence flow tool to connect the objects, you are presented with anchor points on 
the objects represented as blue dots when you hover over the objects. You can start and finish your 
connections using any one of the dots. To connect two objects, click on the desired anchor point of the 
source object, and then click on the anchor point of the target object. 

_15. Connect the Start event to the Create Order activity. 


Start 


16. Connect the Create Order activity to the Submit Response activity. 

17. Connect the Submit Response activity to the Review Response activity. 
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_18. Connect the Review Response activity to the End event. 

When you are finished, your diagram should look similar to the following picture: 



_19. Save your work. 

1.2.4 Playback the Process 

Even at this early stage it is possible to run the process. Even though none of the user interfaces have 
been defined, the system has default user interfaces that can be used to test the flow of the process. 

_1. Click on the Run (**) button in the top right-hand corner of the screen. 

_2. At the Switch View prompt, click the Remember decision? checkbox, and then click the Yes 

button. 



You are now in the Process Inspector. Here you are able to step through the process, activity by activity 
to ensure that the process is working as expected. The diagram in the bottom left pane shows the 
process diagram with a red token indicating which activity will be executed next. In the top right pane 
you select and run the activities. 
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3. Select the Create Order step in the top right pane. 



4. Click on the Arrow button above the activity to Run the secleted task. (Not the Run Process 
button above the process diagram.) 



5. At the Pick User from Role prompt, select tw_admin and click OK. 


V Pick User From Role 


xj 


The task you want to run is owned by a Role. You need to select a user in 
that role to run this task as. 


tw admin 


B 


OK 


Cancel 
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A Web browser window is displayed showing the default user interface. 

6. Click on the Done button. You will see the message The service has finished. 



7. In the Process Inspector, click on the Refresh ( 7 ) button. 



The step list is updated to show the Create Order activity is complete (closed), and the Submit Response 
activity ready to be executed. 
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_8. Run the Submit Response activity. 

_a. Select the step. 

_b. Click the Run button. 

_c. Run as tw_admin. 

_d. Click the Done button. 

_e. Close the browser window. 

_f. Refresh the list. 

_9. Repeat the steps for the Review Response activity. 

You have successfully completed one pass through the process. 

_10. Click on the Designer tab to switch back to the Process Designer. 



1.2.5 Define the Process Variable 

Your process will need some place to save the order information from activity to activity. A process 
variable will be used to store this information. You will use the data type from the Lab Tools toolkit to 
define your order variable. 

_1. Click on the Variables tab at the top of the screen. 
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2. Click on the Add Private button. 


▼ Variables 


□ §j Variables 

Add Private 

□ (3* 1 Local 

=© Input 

0- Output 

0 Private 

^ Exposed Process Variables 

Add Input 

Add Output 

| Link Epv | 

Remove 


Move Down 


3. In the Details area, name the variable order. 

▼ Details 

Name: ^ | order|~| 

4. Click on the Select button. 


▼ Details 

Name: 

Documentation: 


order 




Is List: 

Variable Type: 



d 


System Data 




Select... 

New 


5. Click on the Order type. 


▼ Details 

Name: 

Documentation: 


order 




zl 


Is List: 


□ 




Variable Type: 

String 

System Data 

Select... 

New 


- Del 

Map System Data 

NameValuePair System Data 




Order 

Lab Took 




1 





QtyDateObj La b Took 
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6. Click the Has Default checkbox. 


▼ Details 

Name: 

Documentation: 

Is List: 

Variable Type: 


order 


u 

d 


1 Order 


Lab Tools 


Select... New 


▼ Default! Value 

Has Default: El II 


7. The Variables screen should look similar to the following screenshot 


▼ Variables 


▼ Details 


Variables 
Local 
■*© Input 
©> Output 
© Private 

© order [Order] 

© customer [String] 

© priority [String] 

© issueDate [Date] 

© materialDesc [String] 

© totaIQty [Integer] 

© q u oteD ea d I i n eD ate [D ate] 

© plannerComments [String] 

© approved [Boolean] 

© vendorResponse [VendorResponse] 
# Exposed Process Variables 



► Performance Traekjjnjgi 


8. Save your work. 

1.2.6 Create the Default User Interfaces 

With the diagram and the variables defined, you are ready to create the user interfaces. In this lab you 
will use the Activity Wizard to create the base screens which you can then customize. 

_1. Click on the Diagram tab. 
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2. Right-click on the Create Order activity, and select Activity Wizard. 


t 


< 


Start 


Edit 


Creatl | Activity Wizard... 


Create SLA 


Guided Optimization ► 


.3. In the Activity Wizard, accept all of the defaults, and click Finish. 



4. Repeat the steps to use the Activity Wizard to create the user interface for the Submit Response 
activity. 

_5. Repeat the steps to use the Activity Wizard to create the user interface for the Submit Response 
activity. 

_6. Save your work. 


1.2.7 Update the Create Order User Interface 

The Activity Wizard created a user interface with a single user interface screen, or “coach.” Your next 
task is to modify the Ul screen. 
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1. In the Process Diagram, double-click on the Create Order activity to open the user interface. 



£ 

rg 

c 


Start 



2. Click on the Coach object, and in the Properties pane, change the name of the coach to Create 
Order. 



.3. Modify the coach 

_a. Double-click on the Create Order coach to open the Coach Editor. 

You don’t need the Approved and the Vendor Response fields. 
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_b. Right-click on the Approved field and select Delete. 


Create Order 


Customer: 

Priority: 

Issue Date: 

Material Desc: 

Total Qty: 

Quote Deadline Date: 
Planner Comments: 


| Approved: | 


13 


13 


Vendor Response: 



Ok 


_c. Repeat for the Vendor Response field. 

The user interface can be run at any time. Running the user interface runs the entire user 
interface flow. Since there is only one coach in the current user interface, only the one screen 
will be displayed. 

_d. Save your work. 

_e. Click on the Run button in top right corner. 


@ ? 

Snapshot Process Center Help 


1 II i ► 


The screen is displayed. The screen is acceptable but there are a few changes to make. First, 
the users would prefer the Priority field be a drop-down list. Second, the Issue Date is system 
generated and should not be changed. Third, the user would like the Planner Comments field to 
have multiple lines. Finally, you think the screen would look a little nicer if there were two 
columns for the fields. 
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f. Click OK and close the browser window. 
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4. Change the Priority field to a drop-down list. 

_a. Click on the Priority field. 

_b. In the Properties pane, change the Control Type to Single Select. 



_c. In the Properties pane, click on the Presentation tab. 




Properties 


Validation Errors Where Used 


Single Select 


Presentation 
Yisibitity - 

Events 

Customization 


▼ Widget Style 

Widget Type 


(Drop 


Down List 


Widget is displayed as a drop-down 
Combo Box 


# of Rows: 
Orientation: 


1 


(Horizontal 

3 


▼ Manual Data 




rS 


Value 

Display Text 












Add 


Remove 


Up 


Down 
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The next step is to define the options in the drop-down list. This list could be populated from a 
variable or from a database. In this lab, you define the options directly in the control. 

_d. In the Manual Data area, click the Add button. 

_e. In the Value field, clear the contents. 

_f. In the Display Text field, enter - Select a Priority - 

▼ Manual Data 



g. Repeat the steps to create the following entries: 


Value 

Display Text 

3 

Low 

2 

Medium 

1 

High 


When you are finished, your screen should look like the following picture: 


▼ Manual Data 


Value 

Display Text 

Add 

— Select a Priority — 

Remove 

3 

Low 

2 

Medium 


1 

High 

Down 
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.5. Change the Issue Date field to output text. 

_a. Click on the Issue Date field. 

_b. In the Properties pane, click on the Date Selector tab. 



c. Change the Control Type to Output Text. 


Validation Errors Where Used 


Ouput Text 
Presentation 
Visibility 
Events 

Customization 


▼ Common 

Label Visible: 0 

Label: Issue Date: 

Documentation: 




c i 


▼ Behavior 


Control Id: | DateSelectorl 


Change... 

Control T y pe: Output Text 

1 K 

Binding: © . IssueDat 

Select... 

Clear 


Colspan: 

Rowspan: 
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.6. Increase the number of lines in the Planner Comments field to 3. 

_a. Click on the Planner Comments field. 

_b. In the Properties pane, click on the Presentation tab. 

_c. Change the # of Rows to 3. 



7. Place the upper fields into two columns. 
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a. Drag and drop a Two-Column control from the palette to the top of the Order section. 



b. In the Properties pane, click on the Presentation tab. 

c. Click on Column:0. 

d. Set the Column Width to 50%. 


Properties 


Validation Errors Where Used 


it 


Section - 

Presentation 

Visibility 

Customization 


▼ Columns 


▼ Column Properties 


1 Column :0 | 

Column Width: 

| 5Q%| 


1 Column:! 

▼ Table Ovi 

erode 



Border: 



Cellpadding: ^ 



Cellspacing: — 



e. Repeats the steps for Column:1. 
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f. Drag and drop the Customer field into the left column. 



g. Drag and drop the remaining fields (except for the Planners Comments) into the columns. 
Get your screen to look similar to the following picture: 



_8. Save your work. 

_9. Click the Run button to test your changes. Close the browser window when you are finished. 

You have completed the update to the Create Order coach. There is an additional user requirement. 
Before the order is submitted for response, the system needs to show a review screen, giving the user 
the ability to go back and modify the order. 
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10. Change the Create Order coach’s button to display Next »instead of OK. 
_a. Click on the OK button. 

_b. In the Properties pane, click on the Presentation tab. 

_c. In the Buttons area, click on the Ok [bg0_ok] button. 
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_d. Change the Label to Next». (Note: There is a space between Next and ») 


m Validation Errors Where Used 


Button Group 
Presentation 
Visibility 
Customization 


▼ Buttons 

▼ Button Details 

Alignment: (Right 

T | Button Id: | bgO_ok Change... 

QNext >> [bgO_ok] 


Add 

Label: 4 | Next » 


Remove 

Is Cancel: j_j 

Create flow: 0 




▼ Validation Script 

Down 

1 , IS 1 


11. Click on the Diagram tab at the top of the screen. 



Since the Review Screen is basically a read-only version of the Create Order Coach, you will copy the 
create coach and modify it for the review coach. 

_12. Create a copy of the Create Order coach. 

_a. Right-click on the Create Order coach, and select Copy. 


Start 


fi 

Create Order 


-SOk- 


o 



Ctrl+X 

Ctrl+C 

-;Copy | 

^Delete 

Delete 

Breakpoint 


Breakpoint Condition 


b. Click on the open diagram area, and then right-click, and select Paste. 


■ 

Start 




a 

Create Order 


Q° k -.0 

End 


of Cut 

Ctrl+X 

r=i Codv 

Ctrl+C 

[j Paste 

1 Ctrl +V 

Tidy Layout 
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_c. In the Properties pane, change the name of the Coach to Review Order. 

13. Modify the Review Order coach. 

_a. Double-click on the Review Order coach. 

_b. Click on the Customer field. 

_c. In the Properties pane, change the Control Type to Output Text. 



d. Repeat for all of the remaining fields. 
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_e. Click on the Next» button. 

f. In the Properties pane, click on the Presentation tab. 

_g. Change the Label of the Next» button to « Back. (Remember the space.) 



_h. In the Buttons area, click the Add button and change the new button’s label to Submit. 
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_i. Click on the Create Order title bar at the top of the Coach. 

_j. Change the title to Review Order. 



_k. Save your work. 

If you were to press the Run button, you would not see your new review Coach. Why? The new Coach 
has not been added to the user interface flow. 

_14. Add the Review Order coach to the user interface flow. 

_a. Click on the Diagram tab. 
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b. Right click on the Next» connection line, and select Delete. 



c. Use the Sequence Flow tool to connect the Create Order coach to the Review Order 
coach. (You may need to move the End event to make room for the Review Order 
coach.) 



St 

-QNext >>► 

r - 

fi 

w 


Create Order 

Review Order 

Start 


t_j 


t _ 


O 


d. Connect the Review Order coach back to the Create Order coach. 


r 


I << Bade- 




r-i 

St 


r - 

St 




-QNext >>► 




Create Order 

Review Order 

Start 






o 


e. Finally, connect the Review Order coach to the End event. 


I << Back- 


Start 


r - y 

Si 

— Q Next >>-►- 

St 

Create Order 

Review Order 

k_ d 


_. 


-S Submit- 


o 


15. Test the final product. 

_a. Save your work. 

_b. Click the Run button. Close the browser window when you are finished. 
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1.2.8 Update the Submit Response User Interface 

_1. Switch back to the Business Process Diagram. 

_a. Click on the down arrow next to Create Order at the top of the screen. 

b. Select Order Fulfillment. 




Server Scriptiet 


_2. Double-click on the Submit Response activity. 


Start 



.3. Change the name of the Coach to Submit Response. (Properties pane) 

4. Double-click on the Submit Response coach. 

.5. Modify the Order section. 

_a. Delete the Priority, Quote Deadline, Planner Comments, Approved, and Vendor 

Response fields. 

_b. Change the remaining fields to Output Text. (Properties pane) 

_c. Add a Two-Column control to the top of the section. 
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d. Set the column widths to 50%. (Properties pane, Presentation tab) 

e. Drag and drop the fields into the columns. When you are finished, your coach should 
look similar to the following picture: 



.6. Add the Vendor Response section. 

_a. Expand the order variable in Variables folder in the palette by clicking on the triangle next 

to the order variable. 
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b. Scroll down to the vendorResponse variable and drag and drop the variable between the 
Order section and the Ok button group. 



Notice that this action created a section for the variables content, as well as creating 
entry fields for all of the first-level attributes. 
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c. Format the Price field to display the value as currency. 

_i. Select the Price field. 

_ii. In the Properties pane, click on the Presentation tab. 

_iii. Click on the Select button, and select Currency: Sit##,###,###-##- 
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d. Drag and drop a One-Column with Title control and drop it between the Price field and 
the Comments field. 



e. Change the Title of the new section to Delivery Schedule. (Properties pane, Section tab) 
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f. Expand the vendorResponse variable in Variables folder in the palette by clicking on the 
triangle next to the vendorResponse variable. 

_g. Scroll down to the deliverySchedule variable and drag and drop the variable into the 
Deleivery Schedule section. 



You now have the basic information on the Coach. It is time for a playback. 
_h. Save your work. 
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Click the Run button. 
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Submit Response 


Order 


Customer: 

Material Desc: 

Issue Date: Jul 3, 2011 

Total Qty: {) 


Vendor Response 

Name: 

Contact: 

Total Qty: q 


Price: 50 

Delivery Sched u le 



Quantity 

Date 

O 

0 

Jul 3 ? 2011 


Comments: 


Ok 


The default table properties for the delivery schedule are not quite what you need. The fields 
need to be input fields, there is no need for the radio button, and you need to be able to add and 
delete rows. 

_j. Click the Ok button and close the browser window. 


Page 40 


Build From Scratch 





























IBM BPM 7.5 Proof of Technology 


IBM Software 


k. Click on the Quantity column. 


In the Properties pane, change the Control Type to Input Text. 



Important! 

Do not press the “I” key on the keyboard to jump to the Input Text entry in 
the Control Type drop-down list. The first “I” in the list is Image, which will 
be selected. Since as image is not bound to a variable, you will loose the 
connection between the Quantity field and the quantity variable. 



m. Change the Control Type for the Date column to Date Selector. 
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n. Select the table by clicking on the Repeating tag on the bottom of the table. 


Delivery Schedule 


Quantity 

Date 






RApfidrling 


o. In the Properties pane, click on the Presentation tab. 

p. Make the following changes: 

_i. Uncheck Show Selection Column. 

_ii. Check Show Add Control. 

iii. Check Show Delete Control. 


1 Validation Errors Where Used 


Table 


Presentation 

visibility 

Events 

Customization 


▼ Widget Style 

Selection Type: 

Show Selection Column: 
Show Add Control: 
Show Delete Control: 
Show Edit Control: 


Isinq 

le Selection T 

□ 

Ei 

Ell! 



▼ Data Retrieval 

Execute SQL: □ 
Reload: □ 

Data Source: ^ 

SQL: 



.q. Optional: 

_i. Use a two-column control to group the top four fields in the Vendor Response 

section. 

_ii. Increase the number of rows for the Comments field to 3. 

x. Save your work. 
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1.2.9 Update the Review Response User Interface 

_1. Switch back to the Business Process Diagram. 

_a. Click on the down arrow next to Create Order at the top of the screen. 

b. Select Order Fulfillment. 



Submit Response 


Overview | Order Fulfillment | 
Create Order 
Jf Submit Response 

Submit Response 




| Sections 

^ One-Column with Title 
One-Column 
^Two-Column 
Three-Column 


_2. Double-click on the Review Response activity. 

Since the Coach for the Review Response activity is very similar to the Coach that was created for the 
Submit Response activity, you will use a copy of the Submit Response coach as the starting point. 

_3. Replicate the Submit Response coach. 

_a. Right-click on the Coach in the Review Response Diagram and select Delete. 
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b. Use the drop-down list at the top of the screen to switch to the Submit Response user 
interface. 



c. If you are not viewing the coach flow, click on the Diagram tab. 



d. Right-click on the Submit Response Coach and select Copy. 


Start 



2 

Submit 


F =1 nL- k 

w 



Respons 

_ , cw+x 


UpopY Ctrl+C 


>< Delete Delete 

Breakpoint 

Breakpoint Condition 


_e. Use the drop-down list at the top of the screen to switch to the Review Response user 
interface. 

f. Right-click between the Start and End events and select Paste. 

_g. Change the name of the coach to Review Response. 

h. Use the Sequence Flow tool to connect the Review Response activity to the Start and 
End events. When you are finished, your screen should look similar to the following 
picture: 


Start 


+- 


& 

Review 

Response 


o 


End 


4. Modify the Review Response coach. 

_a. Double-click on the Review Response Coach. 
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b. Select the Submit Response title bar at the top of the coach and change the Title to 
Review Response. 

c. Change all fields to Output Text. (Don’t forget the fields in the table.) 

d. Remove the Add and Delete controls from the table. 

_i. Select the table. (Use the Repeating tag.) 

_ii. Uncheck Show Add Control and Show Delete Control. (Properties pane, 

Presentation tab) 

e. Add the Planner Comments to the coach. 

_i. Expand the order variable. 

_ii. Scroll down to the plannerComments variable. 

_iii. Drag and drop the plannerComments variable to the bottom of the Order section. 

(Below the two-column area.) 

_iv. Change the Planner Comments to Output Text. 
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f. Drag and drop the approved variable immediately above the Ok button. 



_g. Save your work. 

_h. Optional: Playback your changes. 

1.2.10 Playback the Process 

The process is now complete. The next step is to run or playback the complete process. 

1. Use the drop-down list at the top of the screen to switch to the Order Fulfillment business 
process definition. 

2. Click the Run button. 

3. In the Inspector view, select the Create Order task (top right pane), and click the Run button 
(above the selected task). 
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.4. Run the activity as tw_admin. 

5. Enter some test data into the screen and click the Next» button. 

6. Review the data, click Submit, and close the browser window. 

7. In the Process Inspector, click the Refresh button. 



_8. Select and run the Submit Response task as tw_admin. 

_9. Refresh the Process Inspector. 

_10. Select and run the Review Response task as tw_admin. 

_11. Review the information, check the approved box, click Ok, and close the browser window. 

_12. Refresh the Process Inspector. There should not be any running process instances or tasks. 

1.2.11 Create a Snapshot 

The Process Center of the Business Process Manager provides the capability to take a snapshot of the 
current process application. A snapshot allows you to go back and see a previous version of the process 
application. Additionally, snapshots are used to deploy or install versions of the process application into 
other environments, such as QA or Production. 

_1. Click on the Designer button in the top left corner to return to the Process Designer. 
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2. Click on the Snapshot icon in the top right corner of the screen. 


i . 

FLinJMJ 

L _ 

El 

>: ? 

Snapshot 

m ■ 

Process Center Help 





_3. Name your snapshot Version 1.0 and click OK. 

Notice that the new snapshot is displayed in the Revision History, located in the bottom left pane. 



1.3 Part 2 - Modify the Process 

As is always the case, shortly after you deploy your process, a new requirement comes in. In this case, 
you are asked to route all high priority order to a manager for approval. 

1.3.1 Add Manager Lane and Activity 

_1. If you are not already in the Order Fulfillment business process designer, go there. 
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2. Add the Manager Lane to the diagram. 

_a. Drag and drop a new lane onto the diagram. 



b. Change the Name of the lane to Manager. 
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c. Highlight the Manager lane and drag it to the bottom of the diagram. Your diagram 
should now look similar to the following picture: 
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3. Add the Manager Review activity to the process diagram. 

_a. Drag and drop an activity in the Manager lane, below the Review Response activity. 

_b. Change the Name of the activity to Manager Review. 



For the Manager Review activity, you will reuse the existing Review Response user interface. 

_c. In the Properties pane, click on the Implementation tab. 

_d. In the Implementation section, click on the Select... button. 


Properties 


Step 

Si mu l ot i o 


Validation Errors Where Used 


Implementation 


Routing 
Data Mapping 
Pre & Post 
KPIs 

Condition 


▼ Implementation 

[service (task) 

▼ Task Header 

Clean State: 

Subject: 


Narrative: 


Jf Default Human Service 


System Data 

▼ Priority Settings 


Select.. 


■Jew 




1 

-— Due In: 

| Hours 

| 00:00 


Time Schedule: ^ 

j {use default) 

-3 


T, «?k 

1 /. i n.— . .Irt 

- m El 
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e. Type review, and then select the Review Response user interface. 
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1.3.2 Add A Decision 


.1. Drag and drop a Decision Gateway to the left of the Review Response activity. 
2. Change the Name of the decision to Approver. 
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.3. Wire in the decision. 

_a. Delete the connection from the Submit Response activity to the Review Response 

activity. 

_b. Using the Sequence Flow tool, connect the Submit Response activity to the Approver 

decision. 

_c. Connect the Approver decision to the Review Response activity. 

_d. Connect the Approver decision to the Manager Review activity. 

_e. Connect the Manager Review activity to the End event. 


Your diagram should look similar to the following picture: 
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f. Add a label to the Approver connections. 

_i. Select the connection from the Approver decision to the Review Response 

activity. 

_ii. In the Properties pane, change the Name of the line to Analyst. 

iii. Check the Name Visible box. 



iv. Optional: Repeat the steps for the connection from the Approver decision to the 
Manager Review activity, naming the line Manager. 
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4. Add the logic to the Approver decision. 

_a. Select the Approver decision. 

_b. In the Properties pane, click on the Implementation tab. 
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c. In the field to the right of to Manager Review (Manager Review), click the object selection 
icon 

d. Select priority (String). 


Start 



: 



u 

Properties 

| Validation Er 


Step 

Simulation 
Decision 
Implementation 
Pre & Post 


Submit 

Response 


Local 

Eil " % order (Order) 

customer (String 


@ priority (String) 
o issueuate ftjaiey J 
@ materialDesc (String) 

® totalQty (Integer) 

@ quoteDeadlineDate (Date) 

® plannerComments (String) 

® approved (Boolean) 

® vendorResponse (VendorResponse) 


to Manager Review [Manager Review) 

Analyst (Review Response) 



_ Manager 
Review 




NONE 


Default Line 




0 <o 


e. In the operator drop-down list, select ==. 



Validation Errors 


Where Used 


Dj 


Step 

Simulation 
Decision 
Implementation 
Pre & Post 


▼ Decisions 

to Manager Review (Manager Review) 

Analyst fReview Response) 



0 0 
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_f. In the last field, type “1”. (Including the quotation marks). 


m Validation Errors Where Used 


Step 

Simulation 
Decision 
Implementation 
Pre & Post 


▼ Decisions 


to Manager Review Manager Review.' 

Analyst fReview Response) 


tw.local. 


.or_£yp7 T] "l" 


Default Line 


o o 

O 0 


Validation Errors Where Used 


Step 

Simulation 
Decision 
Implementation 
Pre & Post 


▼ Decisions 

M a n a ci er f M a n a a er Rev i ewl 

Analyst (Review Response! 


Itw. local. order .priority == 


Default Line 


o o 


0 0 


_5. Save your work. 

You have completed the modifications to the process. It is now ready to be tested. 


1.3.3 Playback the Process 

Use the Process Inspector to test the process. If you need a refresher on using the Process Inspector to 
test the process, refer back to Section 1.2.10. When you test the process, make sure to one of the 
order’s priority to High to make sure the decision is working properly. To run new instances of the 
process in the Process Inspector, click on the Run button above the process diagram. 


1.3.4 Create a Snapshot 

_1. Click on the Snapshot icon. 

2. Name the snapshot Version 1.1. 

1.4 Part 3 - Run the Process in the Process Portal 

So far, all of the instances have been run within the Process Inspector of the IBM Process Designer. In 
the next section, you will be running the process in the Process Portal, one of the user interface options 
that ships with the IBM Business Process Manager. 
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1.4.1 Update the Process Properties 

_1. In the Process Designer, click on the Overview tab. 



2. In the Exposing section, click on the Select button next to Expose to start. 

▼ Exposing 

Expose to start: <none> 

Expose business data: <none> 

Expose performance metrics: <none> 


Select... 

|| New 

Select... 

New 

Select... 

New 


_3. Select All Users. 

Participant Groups Q 

soe'v D aza 
System &=:■= 

System System Data 

This specifies that all users will have the ability to start a new instance of the Order Fulfillment 
process. 

4. Switch back to the diagram. 



All Users s 
It Background 
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.5. Click on the Create Order activity, and click on the Routing tab in the Properties pane. 
6. In the Assign To drop-down list, select Last User in Lane. 



This will cause the first activity to be launched as soon as the user creates a new instance of the 
Order Fulfillment process. 

_7. Save your changes. 

1.4.2 Run the Process in the Process Portal 

_1. Launch the Firefox Web browser, using the icon on the bottom of screen. 

| Start) ^ 3 c f¥1 a 
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2. Click on Process Portal in the Firefox toolbar. 



_3. Login using twadmin as the User Name and Password. 

Process Porta I Login 


User Name |tw_admin 
Password 

Login | 


Licensed Materials - Property of IBM. © Copyright IBM Corporation 2000, 2011. 


4. In the Inbox, click on the New drop-down list and select Order Fulfillment. 


“IhIkxx - 

h_ 

^ New - | QQ 

fr* ■ iffl h= i^a _ 

Quick Search 


iOrder Fulfillment] 

L _ 



Organize by Task | Show Search | 


Instances 


Instance Name Process Definition Instance Due Date Task Subject Task Priority a Task Due Date a Run 


.5. Complete the Create Order activity. 

6. Refresh the browser window by clicking on the refresh icon ( *) or by pressing F5. 

The next activity in the process is displayed in the Inbox. 

7. Click on the Run button next to the Submit Response activity to claim and run the activity. 



8. Complete the Submit Response activity. 
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_9. Refresh the browser. 

10. Claim and complete Review Response activity. 

_11. Refresh the browser. 

You have successfully completed running the Order Fulfillment process in the Process Portal. 


1.5 Summary 

In this lab you created a complete, albeit simple, order fulfillment process from scratch. The process 
included all of the user interfaces, or Coaches, necessary to complete the process. Using IBM BPM’s 
shared model, you were able to quickly change and test all of the individual components, as well as run 
the entire process from start to finish. 
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